import React from 'react'
import PureRenderMixin from 'react-addons-pure-render-mixin'
import HomeAd from '../../../components/HomeAd/index'
import { getAdData } from '../../../fetch/home/home';
import { adMock } from '../../../fetch/staticMock/home';

class Ad extends React.Component {
    constructor(props, context) {
        super(props, context);
        this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
        this.state={
            data:[]
        }
    }
    render() {
        return (
            <div>
                {
                    this.state.data.length
                    ? <HomeAd data={this.state.data}/>
                    : <div>加载中...</div>
                }
            </div>
        )
    }
    componentDidMount(){
        //获取广告数据
        // let result=getAdData();
        // result.then((res)=>{
        //         return res.json()
        //     }).then((json)=>{
        //         const data=json;
        //         if (data.length){
        //             this.setState({data});
        //             //console.log(data);
        //         }
        //     }).catch(err=>{
        //         //发生错误
        //     if(__DEV__){
        //         console.error('首页广告模块获取数据报错, ', ex.message)
        //     }
        // });

        //模拟静态假数据
        function timerHandle(){
            this.setState({data:adMock})
        }
        setTimeout(timerHandle.bind(this),250);
        
    }
}

// 使用 require.ensure 异步加载，还不支持 ES6 的 export
export default Ad